<div class="panel-header">
    <i/>工单待办列表
    <div more-link="more.link" ng-if="more&&more.enabled!==false">{{more.text||'更多'}}</div>
</div>
<div class="panel-content">
    <div class="pure-g">
        <div class="pure-u-1-{{workflowTypes.length}}"
             ng-repeat="type in workflowTypes">
            <div style="height: 40px; text-align: center; color: #ffffff; padding: 5px;"
                 ng-style="{backgroundColor:typeColors[type.id]}">
                <p style="margin: 0px; font-size: .6em; color: #dddddd;">{{type.name}}</p>
                <a style="margin: 0px; font-size: 1.5em; color: #ffffff; text-decoration: none;"
                   href="#"
                   onclick="return false;">
                    {{todoCounts[type.id]||0}}
                </a>
            </div>
        </div>
    </div>
    <div class="pure-g"
         style="margin-top: 10px;">
        <div class="pure-u-1"
             style="padding: .5em; color: #333333; font-size: .8em; border-bottom: 1px #EEE solid;"
             ng-repeat="item in todoList|limitTo : 6">
            <i style="display: inline-block;width: 5px;height:.8em;"
               ng-style="{backgroundColor:typeColors[item.type]}"></i>
            {{item.title}}
        </div>
    </div>
</div>